<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title></title>
</head>
<body>
	<table align="center">
		<tr width="1000px" height="700px">
			<td width="990px" height="690px"><div id="div_panel"></div></td>
		</tr>
	</table>
</body>
		
<!-- import extjs javascript library -->
	<link rel="stylesheet" type="text/css" href="/extjs/resources/css/ext-all.css">	
	<link rel="stylesheet" type="text/css" href="/style/web/common/extjs.css">
	<script type="text/javascript" src="/extjs/ext-all-debug.js"></script>
	<script src="/script/web/direct/Api.js"></script>		
	<script language="javascript">
		Ext.onReady(function(){
			
			Ext.Direct.addProvider(
				Web.direct.REMOTING_API   /*The RemotingProvider exposes access to server side methods on the client 
											(a remote procedure call (RPC) type of connection where the client can initiate a procedure on the server).*/
			);
			/*Adds an Ext.Direct Provider and creates the proxy or stub methods to execute server-side methods. 
			If the provider is not already connected, it will auto-connect*/
			
			Ext.Loader.setConfig({
				enabled : true
			});
			
		});						
	</script>
  	
  <script type="text/javascript" src="/script/web/common/client/Basic.js"></script>	
	<script type="text/javascript" src="/script/web/common/client/Panel.js"></script>
	<script type="text/javascript" src="/script/web/common/client/Store.js"></script>
	<script type="text/javascript" src="/script/study/direct/direct.js"></script>
	
</html>